html,body{
	height:100%;
}

body{
	display:flex;
	flex-direction: column;
}

header{
	display: flex;
	>div{
		flex:1;
		font-weight: 400;
		border-bottom:2px solid #ccc;
		
		&.active{
			border-bottom-color: #fb8c00;
		}
	}
}

.order-body{
	flex:1;
	overflow-y: auto;
	-webkit-overflow-scrolling:t;
}

table{
	width:100%;
	td, th{
		padding:8px 10px;
		color: #999999;
	}
	th{
		border-bottom:1px solid #ccc;
		text-align: left;
		font-weight: normal;
	}
	.price:after{
		content:"元";
	}
}

.recycle_order {
	td, th{
		padding:8px 10px;
		color: #999999;
		&:first-child{
			padding-right:0;
			&:after{
				content:":";
				padding-left:.7em;
			}
		}
	}
}